$(function() {
	$("#sub").click(
			function() {
				var username = $("#stunum").val();
				var pass = $("#password").val();
				if(username=="stunum"||pass=="password"){
					username="";
					password="";
				}
				if (username.replace(/(^s*)|(s*$)/g, "").length == 0
						|| pass.replace(/(^s*)|(s*$)/g, "").length == 0) {
					alert('不能为空');
					return false;
				}
				getDataFromServer(username, pass);
				return false;
			})
});

function getDataFromServer(stunum, password) {
	$.get("/getData", {
		"stunum" : stunum,
		"password" : password
	}, function(data) {
		if(data == "密码错误"){
			alert("密码错误");
		}else if(data == "无此用户，请联系你的导生大大"){
			alert("无此用户，请联系你的导生大大");
		}else{
			bar(data);
		}
		
	});
}

function bar(studentInfo) {
	if (studentInfo == null || studentInfo.length == 0) {
		console.info("null");
		return;
	}
	var myChart = echarts.init(document.getElementById('main'));
	// 指定图表的配置项和数据
	var option = {
		title : {
			show : false,
			text : '软件1705防堕落系统  报表',
			textStyle : {
				fontFamily : 'Microsoft YaHei',
				verticalAlign : 'middle',
				color : '#FF0000',
				fontSize : 40,
				align : 'center',
				textShadowColor : '#000',
				textShadowOffsetX : 3,
				textShadowOffsetY : 3
			}
		},
		toolbox : {
			show : true,
			feature: {
                dataView: { //数据视图
                    show: true
                },
                restore: { //重置
                    show: true
                },
                dataZoom: { //数据缩放视图
                    show: true
                },
                saveAsImage: {//保存图片
                    show: true
                },
                magicType: {//动态类型切换
                    type: ['bar', 'line']
                }
            },
			showTitle : true,
			right : '20%',
			z:15
		},
		tooltip: { //弹窗组件
            show: true
        },
		xAxis : {
			data : [ "周一", "周二", "周三", "周四", "周五", "周六", "周日" ],
			name : '日期',
			zlevel : 0,
			z : 0,
			axisLine: {
				lineStyle: {
				color: '#DEE1E8',
				width: 2
				}
			}
			
		},
		yAxis : {
			name : '时长',
			zlevel : 0,
			z : 0,
			axisLine: {
				lineStyle: {
				color: '#DEE1E8',
				width: 2
				}
			}
		},
		series : {
			name : studentInfo.studentInfo.name,
			type : 'bar',
			data : [ studentInfo.studentInfo.monday,
					studentInfo.studentInfo.tuesday,
					studentInfo.studentInfo.wednesday,
					studentInfo.studentInfo.thursday,
					studentInfo.studentInfo.friday,
					studentInfo.studentInfo.saturday,
					studentInfo.studentInfo.sunday ],
			zlevel : 0,
			z : 0
		},
		legend : {
			data : [ studentInfo.studentInfo.name ],
			show : true,
			icon : 'roundRect',
			z : 9
		},
		
	};

	// 使用刚指定的配置项和数据显示图表。
	myChart.setOption(option);
}
